<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<meta name="applicable-device" content="mobile">
	<meta name="author" content="jsl" />
	<title>姿美汇拼团</title>
	<link rel="apple-touch-icon" href="../img/logo100.png">
	<link rel="icon" href="../img/logo100.png">
	<link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/common.min.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/productDetails.css?v= a2ef2?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/gap.css?rev=@@hash" />
	<!-- 引入自己的css -->
	<link rel="stylesheet" type="text/css" href="../css/FPtShare.css?rev=@@hash" />
</head>

<body>
	<!--加载动画-->
	<div class="hui"></div>
	<div class="bai"></div>
	<div class="hintInfo"></div>
	<div class="loadImgBox">
		<img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
	</div>
	<div id="app" v-cloak>
		<div class="PtPaySuccess">
			<!--支付成功详情页-->
			<div class="payDetails">
				<!--外部分享商品详情-->
				<div class="ShareProduct">
					<div class="hotProduct">
						<div class="hotProduct_img">
							<img :src="shareProductInfo.virtualGoodsImg" v-model="shareProductInfo">
						</div>
						<div class="ProductDetails">
							<div>
								<h2 v-text="shareProductInfo.virtualGoodsName"></h2>
								<p v-text="shareProductInfo.virtualSellingPointsDesc"></p>
							</div>
							<div class="PtSharePrice">
								<span>拼团价</span>
								<span>￥<i v-text="shareProductInfo.activityPrice"></i></span>
								<span>￥<i v-text="shareProductInfo.oldPrice"></i></span>
							</div>
							<div class="PtProvince">省<span v-text="fullPrice"></span>元</div>
							<div>已有<span v-text="shareProductInfo.showActorNum"></span>人参与</div>
						</div>
					</div>
				</div>
				<div class="PtShare_state">
					<!--外链拼单剩余时间-->
					<template v-if="grouponStatus == 0">
						<div class="endTime">
							剩余
							<div class="countDown">
								<span v-model="hr" v-text="hr"></span><i>:</i><span v-model="min" v-text="min"></span><i>:</i><span v-model="sec" v-text="sec"></span>
							</div>
							结束
						</div>
						<div class="PtTitle">
							仅剩<span v-text="ActorNum"></span>个名额
						</div>
					</template>
					<!--拼单失败提示-->
					<template v-else-if="grouponStatus == 2">
						<div class="Ptfail">
							<span>拼团失败</span>
						</div>
					</template>
					<!--拼单成功提示-->
					<template v-else-if="grouponStatus == 1">
						<div class="PtSuccess">
							<span>恭喜，拼团成功</span>
						</div>
					</template>
					<div class="PtHeader">
						<van-list>
							<div class="headerImg_list">
								<div class="headerImg">
									<img :src="shareProductInfo.starterHeadImageUrl" />
									<span>团长</span>
								</div>
								<div class="headerImg" v-for="item in actorUserInfo">
									<img :src="item.headImageUrl" />
								</div>
								<div class="headerImg notImg" v-for="item in notHeader">
									<img src="../img/PtPaySuccess/PtHead@3x.png" />
								</div>
							</div>
							<!--查看更多-->
							<div v-show="more" class="moreBox" @click="lookmore">
								<img src="../img/PtPaySuccess/look_more.png" />
							</div>
							<!--收起-->
							<div v-show="more" class="takeBox" @click="TakeUp">
								<img src="../img/PtPaySuccess/pack_up.png" />
							</div>
						</van-list>
					</div>
					<!--规则按钮-->
					<p @click="Onrule">规则</p>
				</div>
				<div class="TaCollage">
					<!--(Ta们也在拼单)拼团成功拼团失败会显示-->
					<template v-if="inProgress.length > 0">
						<h2>Ta们也在拼单</h2>
						<van-list>
							<div class="TaList" v-for="item,index in inProgress" :key="index">
								<div class="TaHead">
									<img :src="item.starterHeadImageUrl">
									<span v-text="item.starterNickName"></span>
								</div>
								<div class="TaRight">
									<div>
										<p>还差<span v-text="item.limitActorNum-item.realActorNum"></span>人拼成</p>
										<p>剩余<span v-text="item.remainTimeStr" :id="'time'+index"></p>
									</div>
									<van-button type="default" text="直接拼" @click="direct(item.groupId)"></van-button>
								</div>
							</div>
						</van-list>
					</template>
					<!--只要参团按钮文字换为发起新团-->
					<div class="PtButton">
						<van-button text="马上参团" type="default" @click="Onjoin(true,'T')" v-if="grouponStatus == 0"></van-button>
						<van-button text="发起新团" type="default" @click="LaunchPt(getQueryString('virtualgoodsID'),shareProductInfo.activityId,'F')" v-else-if="grouponStatus == 1||grouponStatus == 2"></van-button>
					</div>
				</div>
			</div>
			<div class="product-details-info product-details-oriented" @click="toCoupon">
				<span><i class="iconfont">&#xe610;</i><u>正品保证</u></span>
				<span><i class="iconfont">&#xe610;</i><u>拼团包邮</u></span>
				<span><i class="iconfont">&#xe610;</i><u>7天无理由退货</u></span>
			</div>
			<!--正在火热拼-->
			<div class="PtHotList">
				<div class="hotTitle">
					<div class="rule_icon">
						<span>正在火热拼</span>
					</div>
				</div>
				<van-list @load="onLoad" v-model="loading" :finished="finished">
					<div class="hotProduct" v-for="item,index in GroupList" :key="index" @click="jumpPtProductDetails(item.virtualGoodsCode,item.activityId)">
						<div class="hotProduct_img">
							<img :src="item.img">
							<img src="../img/PtIndex/Hot@3x.png" class="PtHot" v-show="item.isHot==1">
						</div>
						<div class="ProductDetails">
							<div>
								<h2 v-text="item.productName"></h2>
								<p v-text="item.productDesc"></p>
							</div>
							<div class="PtPrice">
								<span>￥<i v-text="item.activityPrice"></i></span>
								<span>￥<i v-text="item.oldPrice"></i></span>
							</div>
							<div>已有<span v-text="item.showActorNum"></span>人参与</div>
						</div>
					</div>
				</van-list>
			</div>
			<!--登录弹框-->
			<van-popup v-model="bottowPopup.loginShow" position="bottom" class="ShareLogin">
				<div style="padding: 0 12px; border: none;">
					<div class="share-phone">
						<span>+86</span>
						<input type="text" maxlength="11" v-model="phone" type="tel" placeholder="请输入您的手机号" />
					</div>
					<div class="share-code">
						<input maxlength="6" v-model="code" type="tel" placeholder="请输入验证码" value="" />
						<span :class="{'code_active':code_active}" v-text="getCodeInfo" @click="getCode" class="getCode">获取验证码</span>
					</div>
					<div class="warringInfo">
						<span class="pull-right" @click='getYYCode'>获取不到验证码？</span>
					</div>
				</div>
				<div class="submit-btn" :class="{'active':active}" @click="submit">确定</div>
			</van-popup>
		</div>
		<!--底部弹框 保障说明 -->
		<van-popup v-model="bottowPopup.show" position="bottom" class="safeguardExplain">
			<img src="../img/product/safeguardExplain3x.png">
			<div class="safeguardExplain-close" @click="toCoupon">关闭</div>
		</van-popup>
		<!--底部弹框 选择商品规格-->
		<van-popup v-model="bottowPopup.cartShow" position="bottom" class="specificationChooce">
			<div class="specificationChooce-info">
				<div class="specificationChooce-info-left">
					<img :src="specificationData.specificationDetail.imgUrl">
				</div>
				<div class="specificationChooce-info-right">
					<p v-text="'拼团价￥'+specificationData.specificationDetail.activityPrice"></p>
					<div class="pt-sheng" v-text="'省'+((specificationData.specificationDetail.oldPrice)*1000000-(specificationData.specificationDetail.activityPrice)*1000000)/1000000+'元'"></div>
					<p>库存<i v-text="specificationData.inventory"></i>件</p>
					<p v-text="specificationData.specificationDetail.specifications"></p>
				</div>
			</div>
			<div class="specificationChooce-specification">
				<p>规格</p>
				<ul>
					<template v-for="(item, index) in specificationData.specificationList" :key="">
						<li v-if="item.activityInventory <= 0" class="specification-noactive" v-text="item.specifications"></li>
						<li v-else v-text="item.specifications" :class="{'specification-active':index == specificationData.secondActive}" @click="specificationDetailC(index)"></li>
					</template>
				</ul>
			</div>
			<template v-if="isXiangou">
				<p class="xiangou"> 限购<span>1</span>件</p>
			</template>
			<template v-else>
				<div class="specificationChooce-num">
					<p>数量</p>
					<div class="specificationChooce-ADD"><span @click="specificationData.num<=1?1:specificationData.num--" :class="specificationData.num==1?'PTnumStyle':2">-</span><span v-text="specificationData.num"></span><span @click="specificationData.num>=specificationData.inventory?specificationData.inventory:specificationData.num++">+</span></div>
				</div>
			</template>
			<div class="safeguardExplain-close" @click="specificationChooceSave">确定</div>
			<i class="van-sku__close-icon van-icon van-icon-close" @click="bottowPopup.cartShow=!bottowPopup.cartShow"></i>
		</van-popup>
	</div>

</body>
<script src="../lisp/jquery-2.1.4.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/fastclick.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vue.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vant/js/vantJs.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vue-lazyload.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/constant.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/common.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/md5.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<!-- 引入自己的js -->
<script src="../js/FPtShare.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>

</html>
